<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘宝首页</title>


	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/tb.css">
	<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	
	<script type="text/javascript" src="js/tb.js"></script>
</head>
<body>
	<div class="wrap">
		<!-- banner -->
		<div class="banner">
			<div class="flexslider">
		    	<ul class="slides">
			        <li><img src="images/banner.jpg" /></li>
			        <li><img src="images/banner.jpg" /></li>
			        <li><img src="images/banner.jpg" /></li>
			        <li><img src="images/banner.jpg" /></li>
			        <li><img src="images/banner.jpg" /></li>
		    	</ul>
			</div>	
		</div>
		

		<!-- items -->
		<div class="item">
			<div class="item-list">
				<ul class="item-ul">
					<li>
						<a href="javascript:;">
							<div class="item-img">
							</div>
							<p class="item-txt">天猫</p>
						</a>
					</li>

					<li>
						<a href="javascript:;">
							<div class="item-img">
							</div>
							<p class="item-txt">天猫</p>
						</a>
					</li>

					<li>
						<a href="javascript:;">
							<div class="item-img">
							</div>
							<p class="item-txt">天猫</p>
						</a>
					</li>

					<li>
						<a href="javascript:;">
							<div class="item-img">
							</div>
							<p class="item-txt">天猫</p>
						</a>
					</li>

					<li>
						<a href="javascript:;">
							<div class="item-img">
							</div>
							<p class="item-txt">天猫</p>
						</a>
					</li>

				</ul>
			</div>


			<div class="item-list">
				<ul class="item-ul">
					<li>
						<a href="javascript:;">
							<div class="item-img">
							</div>
							<p class="item-txt">天猫</p>
						</a>
					</li>

					<li>
						<a href="javascript:;">
							<div class="item-img">
							</div>
							<p class="item-txt">天猫</p>
						</a>
					</li>

					<li>
						<a href="javascript:;">
							<div class="item-img">
							</div>
							<p class="item-txt">天猫</p>
						</a>
					</li>

					<li>
						<a href="javascript:;">
							<div class="item-img">
							</div>
							<p class="item-txt">天猫</p>
						</a>
					</li>

					<li>
						<a href="javascript:;">
							<div class="item-img">
							</div>
							<p class="item-txt">天猫</p>
						</a>
					</li>

				</ul>
			</div>
		</div>

		<!-- tb news -->
		<div class="tb-news">
			<div class="tb-news-icon"></div>
			<div class="tb-hot-icon">爆款</div>
			<div class="tb-new-con">爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款爆款</div>
		</div>

		
		<!-- tb-discount -->
		<div class="tb-cate">
			<div class="cate-til">
				<span>
					<i class="discount-icon"></i>
					超实惠</span>
			</div>
			<div class="cate-wrap">
				<div class="cate-con">
						<a href="javascript:;" style="display: inline-block;width: 3.878rem;height: 2.896rem; background: url('images/catecon.jpg') no-repeat center; background-size: cover; border-right: 1px solid #e8e8e8;"></a>
						<a href="javascript:;" style="display:inline-block;width: 2.041rem;height: 2.896rem; background: url('images/catecon2.png') no-repeat center; background-size: contain;border-right: 1px solid #e8e8e8;"></a>
						<a href="javascript:;" style="display:inline-block;width: 2.041rem;height: 2.896rem; background: url('images/catecon2.png') no-repeat center; background-size: contain;border-right: 1px solid #e8e8e8;"></a>
						<a href="javascript:;" style="display:inline-block;width: 2.041rem;height: 2.896rem; background: url('images/catecon2.png') no-repeat center; background-size: contain;border-right: 1px solid #e8e8e8;"></a>
				</div>
				<div class="cate-con">
						<a href="javascript:;" style="display: inline-block;width: 3.878rem;height: 2.896rem; background: url('images/catecon.jpg') no-repeat center; background-size: cover; border-right: 1px solid #e8e8e8;"></a>
						<a href="javascript:;" style="display:inline-block;width: 2.041rem;height: 2.896rem; background: url('images/catecon2.png') no-repeat center; background-size: contain;border-right: 1px solid #e8e8e8;"></a>
						<a href="javascript:;" style="display:inline-block;width: 2.041rem;height: 2.896rem; background: url('images/catecon2.png') no-repeat center; background-size: contain;border-right: 1px solid #e8e8e8;"></a>
						<a href="javascript:;" style="display:inline-block;width: 2.041rem;height: 2.896rem; background: url('images/catecon2.png') no-repeat center; background-size: contain;border-right: 1px solid #e8e8e8;"></a>
				</div>
			</div>
		</div>


		<div class="tb-cate">
			<div class="cate-til">
				<span>
					<i class="hot-market-icon"></i>
					热市场
				</span>
			</div>
			
			<div class="cate-con">
				<!-- 第一行 -->
				<div>
				<a href="javascript:;"  style="display:inline-block;width: 5rem;height: 2.922rem; background: url('images/half.png') no-repeat center; background-size: contain;border-right: 1px solid #e8e8e8;"></a>	
				<a href="javascript:;"  style="display:inline-block;width: 5rem;height: 2.922rem; background: url('images/half.png') no-repeat center; background-size: contain;border-right: 1px solid #e8e8e8;"></a>	
				</div>	

				<div>
					<a href="javascript:;" style="display:inline-block;width: 2.5rem;height: 2.922rem; background: url('images/qut.png') no-repeat center; background-size: contain;border-right: 1px solid #e8e8e8;"></a>


				</div>

			</div>


			</div>

</div>
	


</body>
</html>